<template>
  <div class="cancelAppointment-page">
    <GhNavBar class="title" title="扫码核销" />
    <div class="content"> 
         <div class="box">
            <div class="saomahexiao">
                <gh-icon class="icon" name="consult-saoma"></gh-icon>
                扫码核销
            </div>
            <div class="confirm">扫描用户预约码进行核销</div>
            <div class="btn">立即核销</div>
         </div>
    </div>
  </div>
</template>

<script setup>
import {ref,reactive,onBeforeMount,computed,onMounted,watch,onBeforeUnmount} from "vue"
import { Toast, Dialog } from 'vant'
import 'vant/es/toast/style'
import{useRouter,useRoute}from 'vue-router'
import {useUserStore}from '@/stores'
import{getconsultantInfoByaccount,updateConsultantInfo}from '@/services/consultant'
const route =useRoute()
const router =useRouter();  
const store = useUserStore()


</script>

<style lang="scss" scoped>
    .cancelAppointment-page{
        width: 100%;
        display: flex;
        position: relative;
        flex-direction: column;
        .content{
            margin-top: 48px;
            height: 90vh;
            width: 100%;
            background-color:#f5f5f5;
            .box{
              position: fixed;
              text-align: center;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              top: 100px;
              background-color: #fff;
              padding: 20px 15px 90px;
              width: 100%;
              .saomahexiao{
                font-size: 26px;
                font-weight: 500;
                .icon{
                  margin-right: 10px;
                  font-weight: 800;
                  font-size: 26px;
                  position: relative;
                  top: 3px;
                }
              }
              .confirm{
                font-size: 18px;
                margin:10px 0; color: #808185;
              }
              .btn{
                font-size: 18px;
                margin-top: 1cm;
                width: 80%;
                height: 62px;
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
                border: 1px solid rgb(65, 131, 231);
                color:  rgb(46, 124, 240);
              }
            }
        }


    }
</style>
